<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>index</title>
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<link rel="stylesheet" href="../../../../css/mui.min.css">
	<link rel="stylesheet" href="../work.css" />
	<link rel="stylesheet" href="../../static/css/common.css">
	<link rel="stylesheet" href="../../static/components/components.css" />	
	<style>
		* {
			touch-action: none;
		}

		html,
		body {
			background-color: #efeff4;
		}
		.myheigth {
			height: 9vw;
		}
	</style>
</head>

<body>
	<header class="mui-bar mui-bar-nav mui-bar-nav-bg">
		<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		<h1 id="title" class="mui-title">差动电流定期检查</h1>
	</header>
	<div class="mui-content" id="content">
		<div class="main_box">
			<div class="main_icon"></div>
			<div class="main_icon1"></div>
			<div class="box_title">
				<div class="icon"></div>
				<div style="font-size: 4vw;">差动电流定期检查</div>
			</div>
			<!-- <div class="procee_line">
					<span>领取任务</span>
					<img src="../../../../img/post.png" class="icon_circle" />
					<div class="line"></div>
					<span>录入信息</span>
					<img src="../../../../img/post.png" class="icon_circle" />
					<div class="line"></div>
					<span>确认信息</span>
					<img src="../../../../img/post.png" class="icon_circle" />
				</div> -->
			<!-- <div class="flex_row mt-10">			
					<div class="form_label">批准人</div> <div>[P234566]赵武</div>
			</div>
			<div class="flex_row mt-10">			
				<div class="form_label">负责人</div> <div>[P234566]赵武</div>
			</div>
				<div class="flex_row mt-10">
						<div class="form_label">试验日期</div> <div>2021-11-16</div>			
				</div>
				<div class="flex-row mt-10">
					<div class="form_label">设备单元名称</div> <div>场用带系统</div>
				</div>
				<div class="flex-row mt-10">
					<div class="form_label">试验切换人员</div> <div>风机检查</div>
				</div> -->


			<hr size="1" style="color: #999;border-style: dashed; widows: 250px;" />

			<!-- <div class="flex-between">		
					<div>试验内容</div>
					<div><span>+</span><span>-</span></div>
			</div> -->
			<div class="mt-10">
				<div class="flex-between myheigth m-10">
					<div>
						测试人 1996-12-11
					</div>
				</div>
				<div class="flex-between myheigth m-10">
					<div>
						监护人 啊实打实
					</div>
				</div>
				<div class="flex-between myheigth m-10">
					<div>
						测试时间 啊实打实
					</div>
				</div>
				<div class="flex-between myheigth m-10">
					电压等级 <div class="flex-row">
						220 <input v-model="formData.leve" value="0" style="width: 18px;margin-right: 5px;" type="radio"  id="">
						350 <input v-model="formData.leve" value="1" style="width: 18px;margin-right: 5px;" type="radio"  id="">
					</div>
				</div>
				<div class="flex-between myheigth m-10">
					保护装置 <selectitem @change="changeSave" style="width: 45vw;" placeholder="请输入" :onlyselect="onlyselect"></selectitem>
				</div>
				<div class="flex-between myheigth m-10">
					装置型号 <input v-model="formData.size" placeholder="请输入装置型号" maxlength="60" class="itme-content" value="1.断开461开关"></input>
				</div>
				<div class="flex-between myheigth m-10">
					厂家 <input v-model="formData.factory" placeholder="请输入厂家" maxlength="60" class="itme-content" value="1.断开461开关"></input>
				</div>
				
				<div class="flex-between myheigth m-10">
					装置版本号 <input v-model="formData.sizes" placeholder="请输入差动电流" maxlength="60" class="itme-content" value="1.断开461开关"></input>
				</div>
				<div class="flex-between myheigth m-10">
					差动电流Iacd <input placeholder="请输入差动电流" maxlength="60" class="itme-content" value="1.断开461开关"></input>
				</div>
				<div class="flex-between myheigth m-10">
					差动电流Ibcd <input placeholder="请输入差动电流" maxlength="60" class="itme-content" value="1.断开461开关"></input>
				</div>
				<div class="flex-between myheigth m-10">
					差动电流Iccd <input placeholder="请输入差动电流" maxlength="60" class="itme-content" value="1.断开461开关"></input>
				</div>
				<div class="flex-between myheigth m-10">
					差动电流Iazd <input placeholder="请输入差动电流" maxlength="60" class="itme-content" value="1.断开461开关"></input>
				</div>
				<div class="flex-between myheigth m-10">
					差动电流Ibzd <input placeholder="请输入差动电流" maxlength="60" class="itme-content" value="1.断开461开关"></input>
				</div>
				<div class="flex-between myheigth m-10">
					差动电流Iczd <input placeholder="请输入差动电流" maxlength="60" class="itme-content" value="1.断开461开关"></input>
				</div>
				<!-- <div style="margin: 5px 0;">其他情况</div>
				<textarea placeholder="请输入其他情况" maxlength="600" name="" id="" v-model="advance">
					</textarea> -->
			
				<!-- <div class="mt-10">
						<div >附件</div>
						<div class="icon_upload"></div>
					</div> -->
			</div>
			<div style="width: 100%;height: 60px;"></div>
			<div style="width: 86%;" class="fixed-bottom flex-between">
				<!-- <button class="cancel_btn">保存</button> -->
				<button @click="saveEditKey" class="submit_btn">提交</button>
				<button @tap="back" class="cancel_btn">返回</button>
			</div>
		</div>
	</div>
	</div>


	<script src="../../../../js/mui.min.js"></script>
	<script src="../../../../js/vue.js"></script>
	<script type="text/javascript" src="../../../../js/jquery-3.2.1.min.js"></script>
	<!--历史查询组件-->
	<script src="../../static/components/selectItem.js"></script>

	<!--流程日志-->
	<script type="text/javascript" charset="utf-8">
		projectVM = new Vue({
			el: "#content",
			data: {
				result: '',
				advance: '',
				show_popup: false,
				formData:{
					leve:'0',
					isArea:'0',
					isEquipment:'0',
					sizes:'',
					size:'',
					factory:'',
				}
			},
			created: function () { },
			components: {
				selectitem
			},
			methods: {
				saveEditKey(){
					sessionStorage.setItem("formData",JSON.stringify(this.formData));
					console.log(JSON.parse(sessionStorage.getItem("formData")),this.formData)
				},
				back(){
					mui.back()
				},
				changeSave(){
					console.log(23123)
					this.formData.sizes=''
					this.formData.size=''
					this.formData.factory=''
				}
			},

		})



	</script>
</body>

</html>